@charset "utf-8";
/* 引入外部图标样式 */

/* 网站色值设置 */
body{--zhu-color:#00aaff;--pei-color:#ffcb00;}
/* 样式重置 */
html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{font: 12px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
a:hover{ text-decoration: none; }
@font-face{ font-family: DIN; src: url('./fonts/DINPro-Bold.ttf'); }
@font-face{ font-family: DINLIGHT; src: url('./fonts/DIN-Light.otf'); }
@font-face{ font-family: BOD; src: url('./fonts/BodoniBT.otf'); }

@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_hume9lcb8kb.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_hume9lcb8kb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_hume9lcb8kb.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}

/*清除内外边距*/
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
/*设置默认字体*/
:focus{outline: 0;}
ul,
ol{list-style: none;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}
abbr, acronym{border: 0; font-variant: normal;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt{font-size: 100%;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
textarea{resize: none;}
.inner{ width: 1400px; margin:0 auto; }
@media only screen and (max-width: 1400px){
  .inner{ width: 100%; box-sizing: border-box; padding:0 15px; }
}

/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0; width: 100%; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 12px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: var(--zhu-color); background: var(--zhu-color);}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
@media only screen and (max-width: 768px){
  .de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner a.page-btn{ display: none; }
}

/*header*/
.header{ background: #fff; position: relative; }
.header .logo{ position: absolute; left: 0; top:0; width: 26%; height: 100%; background: var(--zhu-color); text-align: right; display: flex; align-items: center; justify-content: flex-end; }
.header .logo img{ margin-right: 50px; max-width: 100%; }
@media only screen and (max-width: 1900px){
  .header .logo{ width: 24%; }
	.header .logo img{ margin-right: 40px; }
}
@media only screen and (max-width: 1800px){
  .header .logo{ width: 22%; }
	.header .logo img{ margin-right: 30px; }
}
@media only screen and (max-width: 1700px){
  .header .logo{ width: 20%; }
	.header .logo img{ margin-right: 30px; }
}
@media only screen and (max-width: 1500px){
	.header .logo{ width: 18%; justify-content: center; }
	.header .logo img{ margin-right: 0; }
}
@media only screen and (max-width: 1400px){
  .header .logo{ width: 280px; justify-content: center; }
}
@media only screen and (max-width: 1200px){
  .header .logo{ width: 260px; }
}
@media only screen and (max-width: 992px){
  .header .logo{ position: static; width: 100%; padding:12px 0; }
}
@media only screen and (max-width: 768px){
	.header .logo{ padding:10px 0; }
	.header .logo img{ max-width: 30%; }
}
@media only screen and (max-width: 640px){
	.header .logo{ padding:8px 0; }
	.header .logo img{ max-width: 40%; }
}
@media only screen and (max-width: 576px){
	.header .logo{ padding:6px 0; }
}
@media only screen and (max-width: 414px){
	.header .logo img{ max-width: 50%; }
}

/*h_tool*/
.h_tool{ background: #ffffff; border-bottom: 1px solid #cad1db; }
.h_tool .inner{ display: flex; align-items: center; justify-content: space-between; }
.h_tool p{font-size: 14px;color: #999999; padding:14px 0; padding-left: 260px; }
.h_tool ul{ display: flex; align-items: center; justify-content: flex-end; }
.h_tool li{ display: inline-block; padding:14px; position: relative; overflow: hidden; transition: all .3s; }
.h_tool li + li{ border-left: 1px solid #cad1db; }
.h_tool li:first-child{ border-left: 1px solid #cad1db; }
.h_tool li:last-child{ border-right: 1px solid #cad1db; }
.h_tool li a{ display: inline-flex; align-items: center; line-height: 1; font-size: 14px; color: #999999; }
.h_tool li a span{ font-size: 16px; color: #979797; line-height: 1; margin-right: 5px; }
.h_tool li a b{ font-size: 18px; color: var(--zhu-color); line-height: 1; }
.h_tool li > div{ background: #ffffff; position: absolute; top:-100%; opacity: 0; transition: all .3s; width: 100%; left: 0; }
.h_tool li > div img{ max-width: 100%; }
.h_tool li:hover{ transition: all .3s; overflow: visible; z-index: 34; }
.h_tool li:hover > div{ transition: all .3s; top:0; opacity: 1; }
@media only screen and (max-width: 1400px){
  .h_tool .inner{ padding:0; }
  .h_tool li{ padding:12px 14px; }
  .h_tool p{ padding:12px 0; padding-left: 295px; line-height: 1; }
}
@media only screen and (max-width: 1200px){
  .h_tool p{ padding:12px 0; font-size: 13px; padding-left: 280px; line-height: 1; }
  .h_tool li{ padding:12px; }
  .h_tool li a{ font-size: 13px; }
  .h_tool li a span{ font-size: 14px; }
  .h_tool li a b{ font-size: 16px; font-weight: normal; }
}
@media only screen and (max-width: 992px){
  .h_tool{ display: none; }
}

/*h_menu*/
.h_menu{ overflow: hidden; }
.h_menu .nav{ display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; padding-left: 245px; }
.h_menu .nav li{ width: 12.5%; text-align: center; position: relative; box-sizing: border-box; }
.h_menu .nav li a{ width: 100%; padding:20px 0; position: relative; transition: all .3s; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: #191919; transition: all .3s; }
.h_menu .nav li a::after{ content: ""; display: inline-block; width: 0; height: 2px; background: var(--zhu-color); border:0; position: absolute; left: 25%; bottom: 0; }
.h_menu .nav li:hover a{ color: var(--zhu-color); transition: all .3s; }
.h_menu .nav li:hover a::after{ transition: all .3s; left: 25%; width: 50%; }
@media only screen and (max-width: 1400px){
  .h_menu .inner{ padding:0; }
  .h_menu .nav{ padding-left: 280px; }
  .h_menu .nav li a{ padding:18px 0; font-size: 15px; }
}
@media only screen and (max-width: 1200px){
  .h_menu .nav{ padding-left: 270px; }
  .h_menu .nav li a{ padding:16px 0; font-size: 14px; }
}
@media only screen and (max-width: 992px){
  .h_menu{ overflow: hidden; }
	.h_menu .nav{ padding-left: 0;  }
	.h_menu .nav li{ width: 25%; border-right: 1px solid #e2e2e2; }
	.h_menu .nav li a{ padding:14px 0; font-size: 13px; }
	.h_menu .nav li:nth-child(1), .h_menu .nav li:nth-child(2), .h_menu .nav li:nth-child(3), .h_menu .nav li:nth-child(4){ border-bottom: 1px solid #e2e2e2; }
}
@media only screen and (max-width: 768px){
	.h_menu .nav li a{ padding:12px 0; }
}
@media only screen and (max-width: 640px){
	.h_menu .nav li a{ padding:10px 0; font-size: 12px; }
}
@media only screen and (max-width: 576px){
	.h_menu .nav li a{ padding:8px 0; }
}
@media only screen and (max-width: 414px){
	.h_menu .nav li a{ padding:6px 0; }
}

/* banner */
#banner{ width: 100%; overflow: hidden; }
#banner .swiper-button-next:after, #banner .swiper-button-prev:after{ color: #f1f1f1; }
@media only screen and (min-width: 1930px){
  #banner img{ width: 100%; }
}
@media only screen and (max-width: 1900px){
  #banner img{ width: 100%; }
}
@media only screen and (max-width: 576px){
  #banner .swiper-button-next{ right:5px; }
  #banner .swiper-button-prev{ left:5px; }
  #banner .swiper-button-next:after, #banner .swiper-button-prev:after{ font-size: 32px; }
}
@media only screen and (max-width: 414px){
  #banner .swiper-button-next:after, #banner .swiper-button-prev:after{ font-size: 24px; }
}

/* m_tit */
.m_tit{ text-align: center; width: 100%; padding-bottom: 32px; }
.m_tit span{ display: block; font-size: 48px; color: #d9d9d9; text-transform: uppercase; font-family: "BOD"; line-height: 1; margin-bottom: 3px; }
.m_tit b{ font-size: 40px; color: #2b2b2b; line-height: 1; display: block; margin-bottom: 12px; }
.m_tit b small{ color: var(--zhu-color); font-size: 40px; font-weight: bold; }
.m_tit p{ font-size: 16px; color: #5e5e5e; line-height: 1; }
@media only screen and (max-width: 1400px){
	.m_tit{ padding-bottom: 30px; }
	.m_tit span{ font-size: 44px; }
	.m_tit b,	.m_tit b small{ font-size: 36px; }
	.m_tit p{ font-size: 15px; }
}
@media only screen and (max-width: 1200px){
	.m_tit{ padding-bottom: 25px; }
	.m_tit span{ font-size: 40px; }
	.m_tit b,	.m_tit b small{ font-size: 32px; }
	.m_tit p{ font-size: 14px; }
}
@media only screen and (max-width: 992px){
	.m_tit{ padding-bottom: 20px; }
	.m_tit span{ font-size: 36px; }
	.m_tit b{ margin-bottom: 10px; }
	.m_tit b,	.m_tit b small{ font-size: 28px; }
	.m_tit p{ font-size: 13px; }
}
@media only screen and (max-width: 768px){
	.m_tit{ padding-bottom: 15px; }
	.m_tit span{ font-size: 32px; }
	.m_tit b{ margin-bottom: 6px; }
	.m_tit b,	.m_tit b small{ font-size: 24px; }
	.m_tit p{ font-size: 12px; }
}
@media only screen and (max-width: 640px){
	.m_tit span{ font-size: 28px; }
	.m_tit b{ margin-bottom: 6px; }
	.m_tit b,	.m_tit b small{ font-size: 20px; }
	.m_tit p{ display: none; }
}
@media only screen and (max-width: 576px){
	.m_tit span{ font-size: 24px; }
	.m_tit b{ margin-bottom: 4px; }
	.m_tit b,	.m_tit b small{ font-size: 18px; }
}
@media only screen and (max-width: 414px){
	.m_tit span{ font-size: 20px; }
	.m_tit b{ margin-bottom: 2px; }
	.m_tit b,	.m_tit b small{ font-size: 17px; }
}


/*m_brand*/
.m_brand, .m_brand ul{ overflow: hidden; }
.m_brand li{ padding:36px 0; width: 20%; overflow: hidden; box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: relative; }
.m_brand li + li::before{ content: ""; display: block; width: 1px; height: 100%; background: #cad1db; border:0; position: absolute; left:0; }
.m_brand li > span{ position: relative; z-index: 3; font-size: 42px; color: #4e4e4e; line-height: 1; margin-right: 12px; }
.m_brand li div{ position: relative; z-index: 3; }
.m_brand li div b{ display: block; font-size: 16px; color: #4e4e4e; line-height: 1; font-weight: normal; }
.m_brand li div span{ display: block; line-height: 1; margin-top: 10px; font-size: 12px; color: #808080;  } 
.m_brand li::after{ content: ""; display: block; width: 0; height: 100%; position: absolute; left: 0%; top:0; background: var(--zhu-color); transition: all .5s; }
.m_brand li:hover::after{ transition: all .5s; width: 100%; left: 0; }
.m_brand li:hover span, .m_brand li:hover b{ color: #fff; transition: all .5s; }
@media only screen and (max-width: 1500px){
  .m_brand li{ padding:30px 0; }
}
@media only screen and (max-width: 1400px){
  .m_brand li{ flex-flow:column; padding:25px 0; }
	.m_brand li > span{ margin-bottom: 12px; margin-right: 0; font-size: 38px; }
	.m_brand li div{ text-align: center; }
	.m_brand li div b{ font-size: 15px; }
	.m_brand li div span{ margin-top: 8px; }
}
@media only screen and (max-width: 1200px){
  .m_brand li{ text-align: center; }
	.m_brand li > span{ font-size: 34px; }
	.m_brand li div b{ font-size: 14px; }
	.m_brand li div span{ display: none; }
}
@media only screen and (max-width: 992px){
	.m_brand li > span{ font-size: 30px; margin-bottom: 10px; }
	.m_brand li div b{ font-size: 13px; }
}
@media only screen and (max-width: 768px){
  .m_brand li{ padding:10px; }
	.m_brand li > span{ font-size: 26px; margin-bottom: 8px; }
	.m_brand ul{ margin:0; }
	.m_brand li div b{ font-size: 12px; }
}
@media only screen and (max-width: 640px){
  .m_brand{ display: none; }
}


.m_pro{ overflow: hidden; padding:40px 0; background: #f9f9f9; }
.m_pro .sider{ width: 100%; overflow: hidden; }
.m_pro .sider .tit{ padding:32px 0; background: url(../images/sider_tit_bg.jpg) no-repeat top center; text-align: center; background-size: cover; }
.m_pro .sider .tit b{ display: block; font-size: 30px; color: #ffffff; line-height: 1; padding:0 0 12px; }
.m_pro .sider .tit span{ background: no-repeat; font-size: 16px; line-height: 1; color: #ffffff; text-transform:  uppercase;  }
.m_pro .sider .list{ width: 100%; box-sizing: border-box; border:1px solid #cad1db; border-top: 0; }
.m_pro .sider .list a{ display: flex; align-items: center; padding:21px 0; transition: all .3s; box-sizing: border-box; padding-left: 68px; position: relative; line-height: 1; }
.m_pro .sider .list a span{ font-size: 16px; color: #636363; position: relative; z-index: 3; text-transform: uppercase; line-height: 1; display: inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m_pro .sider .list a::before{ content: ""; display: block; height: 100%; width: 0; background: var(--zhu-color); position: absolute; left: 0; transition: all .3s; }
.m_pro .sider .list a + a{ border-top:1px solid #eaedf1; }
.m_pro .sider .list a:hover::before{ width: 100%; transition: all .3s; }
.m_pro .sider .list a:hover span{ color: #fff; }
#pro{ overflow: hidden; }
#pro a{ display: block; overflow: hidden; background: #fff; }
#pro a .img{ width: 100%; padding-bottom: 75%; overflow: hidden; position: relative; }
#pro a .img img{ width: 100%; height: 100%; object-fit: contain; transition: all .3s; position: absolute; }
#pro a .txt{ box-sizing: border-box; padding:15px 20px; overflow: hidden; border-top: 1px solid #e4e8ed; }
#pro a .txt b{ display: block; line-height: 1; font-size: 16px; color: #676767; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; text-transform: uppercase; }
#pro a .txt span{ text-indent: -2em; width: 100%; display: inline-block; font-size: 14px; color: #a3a2a2; line-height: 1; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#pro a:hover img{ transform: scale(1.05); transition: all .3s; }
#pro a:hover b{ transition: all .3s; color: var(--zhu-color); }
#pro a:hover span{ transition: all .3s; color: #333; }
@media only screen and (max-width: 1400px){
	.m_pro{ padding:35px 0; }
	.m_pro .inner{ padding:0; }
	.m_pro .col-xl-3{ padding-right: 10px;  }
	.m_pro .col-xl-9{ padding-left: 10px;  }
	.m_pro .sider .list a{ padding:18px 0; padding-left: 36px; }
	#pro a .img{ height: 186px; padding-bottom: 0; }
}
@media only screen and (max-width: 1200px){
	.m_pro{ padding:30px 0; }
	.m_pro .col-xl-3{ padding-right: 15px;  }
	.m_pro .col-xl-9{ padding-left: 15px;  }
  .m_pro .sider .tit{ display: none; }
	.m_pro .sider .list{ display: flex; flex-wrap: wrap; border-top: 1px solid #cad1db; overflow: hidden; margin-bottom: 20px; }
	.m_pro .sider .list a{ width: 25%; font-size: 15px; padding: 15px; justify-content: center; border-right:1px solid #eaedf1; }
	.m_pro .sider .list a:nth-child(4n+0){ border-right: 0; }
	.m_pro .sider .list a:nth-child(2), .m_pro .sider .list a:nth-child(3), .m_pro .sider .list a:nth-child(4){ border-top: 0; }
	.m_pro .sider .list a:last-child{ display: none; }
	#pro a .img{ height: auto; padding-bottom: 65%; }
}
@media only screen and (max-width: 992px){
	.m_pro{ padding:25px 0; }
	.m_pro .sider .list a{ font-size: 14px; padding: 14px; }
	.m_pro .sider .list a span{ font-size: 14px; }
}
@media only screen and (max-width: 768px){
	.m_pro{ padding:20px 0; }
	.m_pro .sider .list a{ font-size: 13px; padding: 13px; }
	.m_pro .sider .list a span{ font-size: 13px; }
	#pro a .txt{ padding:14px; }
}
@media only screen and (max-width: 640px){
  .m_pro{ padding:15px 0; }
	.m_pro .sider .list a{ width: 50%; font-size: 12px; padding: 12px; }
	.m_pro .sider .list a:nth-child(3), .m_pro .sider .list a:nth-child(4){ border-top: 1px solid #eaedf1; }
	.m_pro .sider .list a span{ font-size: 12px; }
	#pro a .txt{ padding:12px; }
	#pro a .txt b{ font-size: 15px; }
	#pro a .txt span{ font-size: 13px; }
	.m_pro .hd{ padding-bottom: 12px; }
}
@media only screen and (max-width: 576px){
	.m_pro .sider .list a{ padding: 10px 12px; }
	#pro a .txt{ padding:10px; }
	#pro a .txt b{ font-size: 14px; }
	#pro a .txt span{ font-size: 12px; }
}
@media only screen and (max-width: 414px){
	.m_pro .sider .list a{ padding: 8px 12px; }
	#pro a .txt{ padding:8px; }
}

/*m_ad*/
.m_ad{ overflow: hidden; padding:60px 0; background: url(../images/ad_bg.jpg) no-repeat center; }
.m_ad .row{ align-items: center; }
.m_ad .info{ overflow: hidden; }
.m_ad .info b{ font-size: 42px; color: #ffffff; line-height: 1; display: block; padding:8px 0 16px; }
.m_ad .info p{ text-transform: uppercase; letter-spacing: 1px; font-size: 18px; color: #ffffff; line-height: 1; margin-bottom: 24px; }
.m_ad .info span{ text-transform: uppercase; font-size: 18px; color: #ffffff; font-weight: bold; text-align: center; line-height: 48px; display: block; float: left; height: 0; width: 180px; border-bottom: 48px solid #0384c5; border-right: 14px solid transparent; }
.m_ad .info span + span{ margin-left: 12px; }
.m_ad .tel{ border:2px solid #0384c5; padding:30px 0; display: block; width: 100%; text-align: center; }
.m_ad .tel span{ display: inline-block; padding:12px 18px; background: #0384c5; border-radius: 30px; font-size: 16px; color: #ffffff; line-height: 1; }
.m_ad .tel b{ font-size: 36px; color: #ffffff; line-height: 1; display: block; margin:24px 0 0; }
@media only screen and (max-width: 1600px){
	.m_ad{ overflow: hidden; padding:45px 0; }
	.m_ad .info b{ font-size: 40px; }
	.m_ad .info span{ font-size: 18px; line-height: 46px; width: 180px; border-bottom: 46px solid #0384c5; }
}
@media only screen and (max-width: 1500px){
	.m_ad{ overflow: hidden; padding:30px 0; }
	.m_ad .info b{ font-size: 38px; }
	.m_ad .info span{ font-size: 18px; line-height: 44px; width: 180px; border-bottom: 44px solid #0384c5; }
}
@media only screen and (max-width: 1400px){
	.m_ad{ overflow: hidden; padding:15px 0; }
	.m_ad .inner{ padding:0; }
	.m_ad .info b{ font-size: 36px; }
	.m_ad .info p{ letter-spacing: 0; font-size: 16px; margin-bottom: 24px; }
	.m_ad .info span{ font-size: 17px; line-height: 42px; width: 180px; border-bottom: 42px solid #0384c5; }
	.m_ad .tel b{ font-size: 32px; margin:22px 0 0; }
}
@media only screen and (max-width: 1200px){
	.m_ad .info b{ font-size: 32px; }
	.m_ad .info p{ font-size: 14px; margin-bottom: 20px; }
	.m_ad .info span{ font-size: 14px; font-weight: normal; line-height: 40px; width: 140px; border-bottom: 40px solid #0384c5; }
	.m_ad .tel b{ font-size: 28px; margin:20px 0 0; }
}
@media only screen and (max-width: 992px){
	.m_ad{ padding:24px 0; }
  .m_ad .info p, .m_ad .info span{ display: none; }	
	.m_ad .info b{ font-size: 28px; padding:0; text-align: center; }
	.m_ad .tel{ border:0; padding:0; }
	.m_ad .tel span{ margin:12px 0; font-size: 15px; padding:10px 24px; }
	.m_ad .tel b{ margin:0; font-size: 24px; }
}
@media only screen and (max-width: 768px){
	.m_ad .info b{ font-size: 24px; }
	.m_ad .tel span{ margin:10px 0; font-size: 14px; padding:8px 22px; }
	.m_ad .tel b{ font-size: 20px; }
}
@media only screen and (max-width: 640px){
	.m_ad{ padding:20px 0; }
	.m_ad .info b{ font-size: 20px; }
	.m_ad .tel b{ font-size: 18px; }
	.m_ad .tel span{ margin:8px 0; font-size: 13px; padding:6px 18px; }
}
@media only screen and (max-width: 576px){
	.m_ad{ padding:18px 0; }
	.m_ad .info b{ font-size: 18px; }
	.m_ad .tel b{ font-size: 16px; font-weight: normal; }
	.m_ad .tel span{ margin:6px 0; font-size: 12px; padding:4px 14px; }
}
@media only screen and (max-width: 414px){
	.m_ad{ padding:16px 0; }
	.m_ad .info b{ font-size: 16px; font-weight: normal; }
	.m_ad .tel b{ font-size: 14px; }
}

/*m_solution*/
.m_solution{ overflow: hidden; padding:40px 0 0; background: url(../images/solution_bg.jpg) no-repeat bottom center; }
.solution_box{ overflow: hidden; width: 86.45%; float: right;  }
.solution_box .inner{ margin:0; }
.solution_box .hd{ background: #fff; padding:0; }
.solution_box .hd ul{ width: 100%; display: flex; justify-content: space-between; overflow: hidden;  }
.solution_box .hd ul li{ width: 14.2%; text-align: center; position: relative; transition: all .5s; padding:20px 0; }
.solution_box .hd ul li + li::before{ content: ""; display: inline-block; width: 1px; height: 62px; background: #e4e8ed; border:0; position: absolute; left: -1px; top:50%; margin-top: -31px; }
.solution_box .hd ul li span{ display: block; font-size: 28px; line-height: 1; color: #4e4e4e; transition: all .5s; }
.solution_box .hd ul li b{ display: block; padding:12px 0; text-align: center; font-size: 16px; color: #403f3f; font-weight: normal; line-height: 1; transition: all .5s; }
.solution_box .hd ul li small{ font-size: 12px; color: #7d7d7d; text-transform: uppercase; line-height: 1; transition: all .5s; }
.solution_box .hd ul li:hover, .solution_box .hd ul li.on{ background: var(--zhu-color); transition: all .5s; }
.solution_box .hd ul li:hover span, .solution_box .hd ul li.on span, .solution_box .hd ul li:hover b, .solution_box .hd ul li.on b, .solution_box .hd ul li:hover small, .solution_box .hd ul li.on small{ color: #fff; transition: all .5s; }
.solution_box .bd, .solution_box .bd ul{ overflow: hidden; }
.solution_box .bd ul{ overflow: hidden; height: 546px; position: relative; }
.solution_box .bd ul img{ width: 100%; height: 100%; object-fit: cover; }
.solution_box .bd .info{ position: absolute; left: 0; top:0; width: 600px; background: rgba(0,0,0,.4); box-sizing: border-box; padding: 112px 90px; height: 100%; }
.solution_box .bd .info b{ display: block; margin-bottom: 16px; font-size: 30px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; padding-bottom: 52px; position: relative; }
.solution_box .bd .info b::after{ content: ""; display: inline-block; width: 1px; height: 34px; background: #ffffff; border:0; position: absolute; left: 0; bottom: 0; }
.solution_box .bd .info p{ font-size: 16px; color: #ffffff; line-height: 30px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; }
.solution_box .bd .info a{ display: inline-block; margin-top: 60px; background: var(--zhu-color); padding:14px 24px; border-radius: 30px; line-height: 1; font-size: 16px; color: #ffffff; }
.solution_box .bd .info a span{ font-size: 16px; color: #d1edfb; margin-left: 40px; }
.solution_box .bd .info a:hover{ transition: all .5s;  }
@media only screen and (max-width: 1800px){
	.solution_box{ float: none; margin:0 auto; width: 1400px; }
}
@media only screen and (max-width: 1400px){
	.m_solution{ padding:35px 0 0; }
	.solution_box{ width: 100%; }
	.solution_box .inner{ padding:0; }
	.solution_box .hd ul li span{ font-size: 26px; }
	.solution_box .hd ul li b{ padding:10px 0; font-size: 15px; }
	.solution_box .bd .info{ width: 42%; padding:80px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
	.solution_box .bd ul{ height: 500px; }
	.solution_box .bd .info b{ margin-bottom: 0; padding-bottom: 0; font-size: 28px; }
	.solution_box .bd .info b::after{ display: none; }
	.solution_box .bd .info p{ font-size: 15px; line-height: 1.8; margin:24px 0; }
	.solution_box .bd .info a{ margin-top: 0; }
}
@media only screen and (max-width: 1200px){
	.m_solution{ padding:30px 0 0; }
	.solution_box .hd ul li span{ font-size: 24px; }
	.solution_box .hd ul li b{ padding:8px 0; font-size: 14px; }
	.solution_box .bd .info{ width: 50%; padding:60px; }
	.solution_box .bd ul{ height: 460px; }
	.solution_box .bd .info b{ font-size: 24px; }
	.solution_box .bd .info p{ font-size: 14px; line-height: 1.8; margin:22px 0; }
	.solution_box .bd .info a{ padding:10px 24px; font-size: 14px; }


  .solution_box .bd .info{ width: 50%; }
}
@media only screen and (max-width: 992px){
	.m_solution{ padding:25px 0 0; }
	.solution_box .hd ul li{ padding:18px 0; }
	.solution_box .hd ul li span{ font-size: 22px; }
	.solution_box .hd ul li b{ padding:6px 0; font-size: 13px; }
	.solution_box .hd ul li small{ display: none; }
	.solution_box .bd .info{ width: 100%; padding:40px; }
	.solution_box .bd ul{ height: 420px; }
	.solution_box .bd .info b{ font-size: 22px; }
	.solution_box .bd .info p{ font-size: 13px; line-height: 1.8; margin:22px 0; }
	.solution_box .bd .info a{ padding:10px 24px; font-size: 13px; }


}
@media only screen and (max-width: 768px){
	.m_solution{ padding:20px 0 0; }
	.solution_box .hd ul li{ padding:16px 0; }
	.solution_box .hd ul li span{ font-size: 20px; }
	.solution_box .hd ul li b{ display: none; }
	.solution_box .bd .info{ width: 100%; padding:40px; }
	.solution_box .bd ul{ height: 360px; }
	.solution_box .bd .info b{ font-size: 20px; }
	.solution_box .bd .info p{ font-size: 13px; line-height: 1.8; margin:20px 0; }
	.solution_box .bd .info a{ padding:10px 24px; font-size: 13px; }
}
@media only screen and (max-width: 640px){
	.m_solution{ padding:15px 0 0; }
	.solution_box .hd ul li{ padding:14px 0; }
	.solution_box .hd ul li span{ font-size: 18px; }
	.solution_box .bd .info{ width: 100%; padding:35px; }
	.solution_box .bd ul{ height: 300px; }
	.solution_box .bd .info b{ font-size: 18px; }
	.solution_box .bd .info p{ font-size: 13px; line-height: 1.8; margin:20px 0; }
	.solution_box .bd .info a{ padding:10px 24px; font-size: 13px; }
}
@media only screen and (max-width: 576px){
	.solution_box .hd ul li span{ font-size: 16px; }
	.solution_box .bd .info{ width: 100%; padding:30px; }
	.solution_box .bd ul{ height: 260px; }
	.solution_box .bd .info b{ font-size: 17px; }
	.solution_box .bd .info p{ font-size: 13px; line-height: 1.8; margin:20px 0; }
	.solution_box .bd .info a{ padding:8px 20px; font-size: 13px; }
}
@media only screen and (max-width: 414px){
	.solution_box .hd ul li span{ font-size: 14px; }
	.solution_box .bd .info{ width: 100%; padding:25px; }
	.solution_box .bd ul{ height: 220px; }
	.solution_box .bd .info b{ font-size: 16px; font-weight: normal; }
	.solution_box .bd .info p{ font-size: 12px; line-height: 1.5; margin:16px 0; }
	.solution_box .bd .info a{ padding:6px 16px; font-size: 12px; }
}

/*m_super*/
.m_super{ overflow: hidden; padding:40px 0; background:url(../images/super_bg.jpg) no-repeat bottom center;}
.super_box{ width: 1568px; margin:0 auto; background: #fff; }
.super_box .hd{ overflow: hidden; padding: 0 0 50px; }
.super_box .hd ul{ width: 100%; display: flex; align-items: center; justify-content: space-between; overflow: hidden;  }
.super_box .hd ul li{ width: calc(25% - 22.5px); display: flex; align-items: center; background: #f5f5f5; box-sizing: border-box; padding:18px;  }
.super_box .hd ul li span{ display: inline-block; width: 58px; height: 58px; background: #e1e1e1; border-radius: 50%; line-height: 58px; text-align: center; font-size: 24px; color: #000000; margin-right: 12px; }
.super_box .hd ul li div{ width: calc(100% - 70px); }
.super_box .hd ul li div b{ display: block; font-size: 26px; color: #1e1e1e; font-weight: normal; }
.super_box .hd ul li div small{ font-size: 13px; color: #8a8a8a; text-transform: uppercase; }
.super_box .hd ul li.on, .super_box .hd ul li:hover{ background: var(--zhu-color); }
.super_box .hd ul li.on span, .super_box .hd ul li:hover span{ background: #ffffff; color: #545454; }
.super_box .hd ul li.on b, .super_box .hd ul li:hover b, .super_box .hd ul li.on small, .super_box .hd ul li:hover small{ color: #ffffff; }
.super_box .bd{ overflow: hidden; margin-bottom: 68px; padding-bottom: 42px; }
.super_box .bd .tit{ width: 100%; overflow: hidden; }
.super_box .bd .tit span{ font-size: 72px; color: var(--zhu-color); display: block; line-height: 1; }
.super_box .bd .tit b{ font-weight: normal; font-size: 40px; color: #202020; line-height: 1; margin:18px 0 42px; display: block; }
.super_box .bd .tit div{ padding-left: 26px; background: url(../images/super_p.png) no-repeat left center; }
.super_box .bd .tit div p{ font-size: 20px; color: #202020; line-height: 60px; }
.super_box .bd .img{ overflow: hidden; width: 100%; height: 440px; }
.super_box .bd .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.super_box .bd .img:hover img{ transition: all .3s; transform: scale(1.05); }
.super_box .bd .info{ overflow: hidden; padding-top: 48px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; }
.super_box .bd .info strong{ font-weight: normal; font-size: 24px; color: #202020; line-height: 1; display: block; margin-bottom: 20px; }
.super_box .bd .info p{ font-size: 16px; color: #4c4c4c; line-height: 30px; }
.super_box .bd .small_img{ margin-top: 32px; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.super_box .bd .small_img img{ width: calc(50% - 15px); }
@media only screen and (max-width: 1600px){
	.super_box{ width: 100%; background: none; }
	.super_box .hd{ padding:0 0 30px; }
	.super_box .bd{ margin-bottom: 0; }
	.super_box .bd ul .inner{ background: rgba(245,245,245,.8); padding:30px 15px; }
}
@media only screen and (max-width: 1400px){
	.m_super{ padding:35px 0 0; background: none; }
	.super_box .hd{ padding: 0 0 15px; }
	.super_box .hd ul li{ width: calc(25% - 11.25px); }
	.super_box .bd ul .inner{ padding:15px 0; }
	.super_box .bd .info{ padding-top: 30px; }
	.super_box .bd .small_img{ margin-top: 15px; }
	.super_box .bd .small_img img{ width: calc(50% - 7.5px); }
	.super_box .bd{ padding-bottom: 0; }
}
@media only screen and (max-width: 1200px){
	.m_super{ padding:30px 0 0; }
  .super_box .hd ul li{ padding:12px; }
	.super_box .hd ul li span{ font-size: 22px; width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; }
	.super_box .hd ul li div small{ display: none; }
	.super_box .hd ul li div{ width: calc(100% - 58px); }
	.super_box .hd ul li div b{ font-size: 24px; }
	.super_box .bd .tit span{ font-size: 66px; }
	.super_box .bd .tit b{ font-size: 34px; margin:16px 0; }
	.super_box .bd .tit div{ padding-left: 0; background: none; }
	.super_box .bd .tit div p{ font-size: 18px; line-height: 1.8; }
	.super_box .bd .img{ width: 100%; height: auto; padding-bottom: 42%; position: relative; overflow: hidden; }
	.super_box .bd .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
	.super_box .bd .info strong{ font-size: 20px; margin-bottom: 10px; }
	.super_box .bd .info p{ font-size: 14px; line-height: 1.5; }

}
@media only screen and (max-width: 992px){
	.m_super{ padding:25px 0 0; }
	.super_box .bd .tit, .super_box .bd .img{ display: none; }
	.super_box .bd .info{ padding-top: 0; }
	.super_box .bd .small_img{ margin-top: 15px; }
	.super_box .hd ul li div b{ font-size: 18px; }
	.super_box .hd ul li div{ width: calc(100% - 40px); }
	.super_box .hd ul li span{ width: 30px; height: 30px; margin-right: 10px; font-size: 18px; }
	.super_box .bd .info strong{ font-size: 18px; }
}
@media only screen and (max-width: 768px){
	.m_super{ padding:20px 0 0; }
	.super_box .hd{ padding:0 0 10px; }
	.super_box .hd ul li{ padding:10px; }
	.super_box .hd ul li div b{ font-size: 17px; }
	.super_box .hd ul li{ width: calc(25% - 7.5px); }
	.super_box .bd .info strong{ font-size: 16px; margin-bottom: 8px; }
}
@media only screen and (max-width: 640px){
  .m_super{ padding:15px 0 0; }
	.super_box .hd ul li{ padding:8px; }
	.super_box .hd ul li div b{ font-size: 16px; }
	.super_box .bd .info strong{ font-size: 16px; }
	.super_box .bd .info p{ font-size: 14px; }
}
@media only screen and (max-width: 576px){
	.super_box .hd{ padding:0; }
	.super_box .hd ul{ flex-wrap: wrap; }
	.super_box .hd ul li{ width: calc(50% - 5px); margin-bottom: 10px; }
	.super_box .hd ul li div b{ font-size: 14px; }
	.super_box .bd .info strong{ font-size: 15px; }
	.super_box .bd .info p{ font-size: 13px; }
	.super_box .bd .small_img img{ width: calc(50% - 5px); }
}
@media only screen and (max-width: 414px){
	.super_box .bd .info strong{ font-size: 14px; }
	.super_box .bd .info p{ font-size: 12px; }
}

/*m_witness*/
.m_witness{ overflow: hidden; padding:40px 0; background: url(../images/witness_bg.jpg) no-repeat bottom center; }
.m_witness .bd{ width: 100%; position: relative; }
.m_witness .bd .swiper-button-next, .m_witness .bd .swiper-button-prev{ background-image: none; width: 54px; }
.m_witness .bd .swiper-button-next::after, .m_witness .bd .swiper-button-prev::after{ display: none; }
.m_witness .bd .swiper-button-next{ right: -92px;  }
.m_witness .bd .swiper-button-prev{ left: -92px; }
.m_witness .bd .swiper-button-next span, .m_witness .bd .swiper-button-prev span{ font-size: 52px; color: #f2f2f2; line-height: 1; }
.m_witness .bd .swiper-button-next:hover span, .m_witness .bd .swiper-button-prev:hover span{ color: var(--zhu-color); }
.m_witness .bd a{ overflow: hidden; }
.m_witness .bd a .img{ width: 100%; padding-bottom: 65%; position: relative; overflow: hidden; }
.m_witness .bd a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.m_witness .bd a .txt{ box-sizing: border-box; padding:24px; border:1px solid #cad1db; }
.m_witness .bd a .txt b{ transition: all .3s; line-height: 38px; display: block; font-size: 22px; color: #181818; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_witness .bd a .txt p{  transition: all .3s;font-size: 14px; color: #727272; line-height: 30px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.m_witness .bd a .txt small{ transition: all .3s; display: inline-block; margin-top: 20px; padding:8px 16px; border:1px solid #e4e8ed; font-size: 14px; color: #727272; line-height: 1; }
.m_witness .bd a:hover img{ transition: all .3s; transform: scale(1.05); }
.m_witness .bd a:hover b{ color: #7fd4ff; transition: all .3s; }
.m_witness .bd a:hover small{ transition: all .3s; background: #7fd4ff; color: #fff; }
.m_witness .flow{ overflow: hidden; padding:40px 0 0; width: 100%; }
.m_witness .flow .tit{ overflow: hidden; width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
.m_witness .flow .left, .m_witness .flow .right{ display: block; width: 50%; float: left; }
.m_witness .flow .left b{ font-size: 40px; color: #2b2b2b; font-weight: bold; line-height: 1; }
.m_witness .flow .left p{ font-size: 16px; color: #5e5e5e; line-height: 1; margin-top: 12px; }
.m_witness .flow .right{ text-align: right; }
.m_witness .flow .right p{ font-size: 18px; color: #2b2b2b; font-weight: bold; padding-right: 84px; }
.m_witness .flow .right p span{ font-size: 26px; color: #000000; margin-right: 2px; line-height: 1; }
.m_witness .flow .right b{ font-size: 33px; color: var(--zhu-color); line-height: 1; font-weight: bold; margin-top: 10px; }
.m_witness .flow .list{ overflow: hidden; width: 100%; display: flex; justify-content: center; }
.m_witness .flow .list li{ width: 14%; transition: all .3s; position: relative; text-align: center; display: inline-block; border:1px solid #cad1db; padding:20px 15px; }
.m_witness .flow .list li + li{ margin-left: 20px;  }
.m_witness .flow .list li span{ display: inline-block; width: 56px; height: 56px; background: #f5f5f5; border-radius: 50%; text-align: center; line-height: 56px; font-size: 22px; color: #999999;  }
.m_witness .flow .list li b{ display: block; font-size: 18px; color: #303030; line-height: 42px; text-align: center; }
.m_witness .flow .list li small{ font-size: 16px; color: #7f7f7f; }
.m_witness .flow .list li .left{ position: absolute; left: -1px; top:50%; margin-top: -11px; display: inline-block; width:0; height:0;  border-top:11px solid transparent; border-bottom: 11px solid transparent; border-left: 16px solid #cad1db; }
.m_witness .flow .list li .left::after{ content: ""; display: inline-block; width:0; height:0;  border-top:11px solid transparent; border-bottom: 11px solid transparent; border-left: 16px solid #fff; position: absolute; left: -18px; top:-11px; }
.m_witness .flow .list li .right{ position: absolute; right: -16px; top:50%; margin-top: -11px; display: inline-block; width:0; height:0;  border-top:11px solid transparent; border-bottom: 11px solid transparent; border-left: 16px solid #cad1db; transition: all .3s; }
.m_witness .flow .list li .right::after{ content: ""; display: inline-block; width:0; height:0;  border-top:11px solid transparent; border-bottom: 11px solid transparent; border-left: 16px solid #fff; position: absolute; left: -18px; top:-11px; transition: all .3s; }
.m_witness .flow .list li:first-child .left{ display: none; }
.m_witness .flow .list li:last-child .right{ display: none; }
.m_witness .flow .list li:hover{ transition: all .3s; background: var(--zhu-color); }
.m_witness .flow .list li:hover b, .m_witness .flow .list li:hover small{ color: #fff; transition: all .3s; }
.m_witness .flow .list li:hover .right{ border-left: 16px solid var(--zhu-color); transition: all .3s;  }
.m_witness .flow .list li:hover .right::after{ border-left: 16px solid var(--zhu-color); transition: all .3s;  }
@media only screen and (max-width: 1600px){
	.m_witness{ padding:35px 0; }
	.m_witness .flow{ padding:35px 0 0; }
	.m_witness .flow .tit{ margin-bottom: 35px; }
  .m_witness .bd .swiper-button-next{ right: 12px;  }
	.m_witness .bd .swiper-button-prev{ left: 12px; }
}
@media only screen and (max-width: 1400px){
	.m_witness{ padding:30px 0; }
	.m_witness .flow{ padding:30px 0 0; }
	.m_witness .flow .left b{ font-size: 36px; }
	.m_witness .flow .right b{ font-size: 32px; }
	.m_witness .flow .right p{ font-size: 17px; }
	.m_witness .flow .right p span{ font-size: 24px; }
	.m_witness .flow .tit{ margin-bottom: 30px; }
	.m_witness .bd a .txt{ padding:22px; }
	.m_witness .bd a .txt b{ font-size: 20px; line-height: 1; margin-bottom: 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.m_witness .bd a .txt p{ line-height: 1.8; }
	.m_witness .bd a .txt small{ margin-top: 18px; }
	.m_witness .flow .list li b{ line-height: 1.8; }
	.m_witness .bd .swiper-button-next{ right: 10px;  }
	.m_witness .bd .swiper-button-prev{ left: 10px; }
}
@media only screen and (max-width: 1200px){
	.m_witness{ padding:25px 0; }
	.m_witness .flow{ padding:25px 0 0; }
	.m_witness .flow .tit{ margin-bottom: 25px; }
	.m_witness .flow .left b{ font-size: 32px; }
	.m_witness .flow .right b{ font-size: 30px; }
	.m_witness .flow .right p{ font-size: 16px; }
	.m_witness .flow .right p span{ font-size: 22px; }
	.m_witness .bd a .txt{ padding:20px; }
	.m_witness .bd a .txt b{ font-size: 19px; }
	.m_witness .bd a .txt small{ margin-top: 16px; }
	.m_witness .flow .list li b{ font-size: 17px; font-weight: normal; }
	.m_witness .bd .swiper-button-next{ right: 8px;  }
	.m_witness .bd .swiper-button-prev{ left: 8px; }
}
@media only screen and (max-width: 992px){
	.m_witness{ padding:20px 0; }
	.m_witness .flow{ padding:20px 0 0; }
	.m_witness .flow .tit{ margin-bottom: 20px; }
	.m_witness .flow .left b{ font-size: 28px; }
	.m_witness .flow .right b{ font-size: 28px; }
	.m_witness .flow .right p{ font-size: 15px; }
	.m_witness .flow .right p span{ font-size: 20px; }
	.m_witness .bd a .txt{ padding:15px; }
	.m_witness .bd a .txt b{ font-size: 18px; }
	.m_witness .bd a .txt small{ margin-top: 10px; font-size: 13px; }
	.m_witness .flow .list li b{ font-size: 14px; }
	.m_witness .flow .list li span{ width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; }
	.m_witness .flow .list li small{ font-size: 14px; }
	.m_witness .flow .list li{ padding:10px 15px; }
	.m_witness .flow .list li + li{ margin-left: 16px; }
	.m_witness .flow .list li .left{ margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #cad1db; }
	.m_witness .flow .list li .right{ margin-top: -5px; right: -8px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #cad1db; }
	.m_witness .bd .swiper-button-next span, .m_witness .bd .swiper-button-prev span{ font-size: 42px; }
	.m_witness .bd .swiper-button-next{ right: 6px;  }
	.m_witness .bd .swiper-button-prev{ left: 6px; }
}
@media only screen and (max-width: 768px){
	.m_witness{ padding:15px 0; }
	.m_witness .flow{ padding:15px 0 0; }
	.m_witness .flow .tit{ margin-bottom: 15px; }
	.m_witness .flow .left b{ font-size: 24px; }
	.m_witness .flow .left p{ font-size: 15px; }
	.m_witness .flow .right b{ font-size: 26px; }
	.m_witness .flow .right p{ font-size: 14px; }
	.m_witness .flow .right p span{ font-size: 18px; }
	.m_witness .bd a .txt{ padding:12px; }
	.m_witness .bd a .txt b{ font-size: 17px; }
	.m_witness .bd a .txt p{ line-height: 1.5; }
	.m_witness .bd a .txt small{ font-size: 12px; }
	.m_witness .flow .list li b{ font-size: 15px; }
	.m_witness .bd .swiper-button-next span, .m_witness .bd .swiper-button-prev span{ font-size: 32px; }
	.m_witness .bd .swiper-button-next{ right: 4px;  }
	.m_witness .bd .swiper-button-prev{ left: 4px; }
	.m_witness .flow .left{ width: 100%; text-align: center; }
	.m_witness .flow .right{ display: none; }
	.m_witness .flow .list{ flex-wrap: wrap; }
	.m_witness .flow .list li{ width: 31%; margin-bottom: 12px; }
	.m_witness .flow .list li:nth-child(4), .m_witness .flow .list li:last-child{ margin-left: 0; }
	.m_witness .flow .list li:last-child{ margin-bottom: 0; }
}
@media only screen and (max-width: 640px){
	.m_witness .flow .left b{ font-size: 20px; }
	.m_witness .flow .left p{ font-size: 14px; }
	.m_witness .flow .right b{ font-size: 24px; }
	.m_witness .flow .right p{ font-size: 13px; }
	.m_witness .flow .right p span{ font-size: 16px; }
	.m_witness .bd a .txt{ padding:14px; }
	.m_witness .bd a .txt b{ font-size: 16px; }
	.m_witness .bd a .txt small{ margin-top: 10px; }
	.m_witness .flow .list li b{ font-size: 14px; }
	.m_witness .bd .swiper-button-next span, .m_witness .bd .swiper-button-prev span{ font-size: 24px; }
	.m_witness .bd .swiper-button-next{ right: 2px;  }
	.m_witness .bd .swiper-button-prev{ left: 2px; }
	.m_witness .flow .list li{ width: 30%; margin-bottom: 12px; }
}
@media only screen and (max-width: 576px){
	.m_witness .flow .left b{ font-size: 18px; }
	.m_witness .flow .left p{ font-size: 13px; }
	.m_witness .flow .right b{ font-size: 22px; }
	.m_witness .flow .right p{ font-size: 12px; }
	.m_witness .flow .right p span{ font-size: 15px; }
	.m_witness .bd a .txt{ padding:12px; }
	.m_witness .bd a .txt b{ font-size: 15px; margin-bottom: 6px; }
	.m_witness .bd a .txt p{ font-size: 13px; }
	.m_witness .bd a .txt small{ margin-top: 8px; padding:6px 15px; }
	.m_witness .flow .list li b{ font-size: 13px; margin:4px 0; }
	.m_witness .bd .swiper-button-next{ right: 0;  }
	.m_witness .bd .swiper-button-prev{ left: 0; }
	.m_witness .flow .list li small{ font-size: 13px; }
}
@media only screen and (max-width: 414px){
	.m_witness .flow .left b{ font-size: 16px; }
	.m_witness .flow .left p{ font-size: 12px; }
	.m_witness .flow .right b{ font-size: 20px; }
	.m_witness .flow .right p span{ font-size: 14px; }
	.m_witness .bd a .txt{ padding:10px; }
	.m_witness .bd a .txt b{ font-size: 14px; margin-bottom: 4px; }
	.m_witness .bd a .txt p{ font-size: 12px; }
	.m_witness .bd a .txt small{ font-size: 12px; padding:4px 14px; }
	.m_witness .flow .list li b{ font-size: 12px; margin:4px 0; }
	.m_witness .flow .list li{ width: calc(50% - 16px); margin-bottom: 10px; }
	.m_witness .flow .list li:nth-child(4){ margin-left: 16px; }
	.m_witness .flow .list li:nth-child(3), .m_witness .flow .list li:nth-child(5), .m_witness .flow .list li:last-child{ margin-left: 0; }
	.m_witness .flow .list li small{ font-size: 12px; }
}
/*m_about*/
.m_about{ overflow: hidden; position: relative; padding: 112px 0 70px;  }
.m_about::after{ content: ""; display: inline-block; width: 645px; height: 703px; background: url(../images/about_bg.jpg) no-repeat center; position: absolute; right: 0; top:0; z-index: 33; }
.m_about::before{ content: ""; width: 90%; height: 700px; background: #f0f0f0; position: absolute; left: 0; top:72px; z-index: 34; }
.m_about .row{ position: relative; z-index: 35; }
.m_about .img{ position: relative; }
.m_about .img::before{ content: ""; display: block; width: 92%; height: 92%; background: var(--zhu-color); position: absolute; left:-20px; top:-20px; z-index: 36; }
.m_about .img img{ position: relative; z-index: 37; width: 100%; }
.m_about .info{ overflow: hidden; }
.m_about .info b{ font-size: 26px; color: #202020; display: block; font-weight: normal;  }
.m_about .info > span{ font-size: 18px; color: var(--zhu-color); font-weight: bold; line-height: 1; margin:15px 0; display: block; }
.m_about .info hr{ width: 1px; height: 36px; background: #343434; transform: rotate(25deg); }
.m_about .info p{ font-size: 14px; color: #5d5c5c; line-height: 2; overflow:hidden; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; }
.m_about .info a{ position: relative; display: inline-block; margin-top: 45px; padding:13px 30px; background: #333333; font-size: 16px; color: #ffffff; line-height: 1; }
.m_about .info a span{ position: relative; z-index: 3; }
.m_about .info a::before{ content: ""; display: inline-block; width: 0; height: 100%; position: absolute; left:0; top:0; background: #7fd4ff; transition: all .3s; }
.m_about .info a + a{ background: var(--zhu-color); margin-left: 14px; }
.m_about .info a:hover::before{ transition: all .3s; width: 100%; }
@media only screen and (max-width: 1800px){
	.m_about{ padding: 90px 0 30px;  }
	.m_about::before{ width: 95%; }
}
@media only screen and (max-width: 1600px){
	.m_about{ padding: 80px 0 30px;  }
	.m_about::before{ width: 98%; }
}
@media only screen and (max-width: 1500px){
	.m_about{ padding: 30px 0;  }
	.m_about::before{ width: 100%; height: 100%; top:0; }
	.m_about::after{ display: none; }
}
@media only screen and (max-width: 1400px){
	.m_about{ padding: 25px 0;  }
	.m_about .info p{ -webkit-line-clamp: 6; }
	.m_about .info a{ margin-top: 30px; }
	.m_about .row{ align-items: center; }
	.m_about .col-md-6{ padding-right: 7.5px; }
	.m_about .col-md-6 + .col-md-6{ padding-right: 15px; padding-left: 7.5; }
}
@media only screen and (max-width: 1200px){
  .m_about{ padding:20px 0; }
	.m_about .info a{ margin-top: 25px; }
	.m_about .img{ margin-top: 30px; }
	.m_about .info b{ font-size: 24px; }
	.m_about .info > span{ font-size: 17px; margin:12px 0; }
	.m_about .info hr{ display: none; }
	.m_about .info a{ font-size: 15px; }
}
@media only screen and (max-width: 992px){
	.m_about{ padding:15px 0; }
	.m_about .inner{ padding:0; }
	.m_about .info a{ margin-top: 20px; }
	.m_about::after, .m_about .img::before{ display: none; }
	.m_about .img{ margin-top: 0; height: 308px; padding-bottom: 0; }
	.m_about .img img{ width: 100%; height: 100%; object-fit: cover; }
	.m_about .info b{ font-size: 22px; }
	.m_about .info > span{ font-size: 16px; font-weight: normal; margin:10px 0; line-height: 1.2; }
	.m_about .info a{ font-size: 14px; margin-top: 15px; padding:8px 16px; }
}
@media only screen and (max-width: 767px){
	.m_about .info{ margin-top: 12px; }
	.m_about .info b{ font-size: 20px; }
	.m_about .info > span{ font-size: 14px; margin:8px 0; }
	.m_about .info a{ font-size: 13px; margin-top: 12px; padding:8px 16px; }
	.m_about .img{ width: 100%; position: relative; overflow: hidden; height: auto; padding-bottom: 40%; }
	.m_about .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
	.m_about .info a + a{ margin-left: 12px; }
}
@media only screen and (max-width: 640px){
	.m_about .info b{ font-size: 18px; }
	.m_about .info > span{ font-size: 13px; margin:6px 0; }
	.m_about .info a{ font-size: 12px; margin-top: 10px; padding:8px 16px; }
	.m_about .info p{ font-size: 13px; line-height: 1.8; }
	.m_about .info a + a{ margin-left: 10px; }
}
@media only screen and (max-width: 576px){
	.m_about .info b{ font-size: 16px; }
	.m_about .info > span{ font-size: 12px; margin:4px 0; }
	.m_about .info p{ font-size: 13px; line-height: 1.5; }
	.m_about .info a + a{ margin-left: 8px; }
}
@media only screen and (max-width: 414px){
	.m_about .info a + a{ margin-left: 6px; }
}

/*m_news*/
.m_news{ overflow: hidden; padding:35px 0 0; }
.m_news .container-fluid{ padding:0; }
.news_box{ width: 100%; overflow: hidden; }
.news_box .hd, .news_box ul{ display: block; width: 100%; overflow: hidden; }
.news_box .hd li, .news_tit{ display: flex; justify-content: space-between; align-items: center; width: 50%; float: left; box-sizing: border-box; padding:13px 26px; background: #333333; transition: all .3s; }
.news_box .hd li div, .news_tit div{ display: flex; align-items: center; }
.news_box .hd li span, .news_tit span{ font-size: 32px; line-height: 1; color: #fff; margin-right: 14px; }
.news_box .hd li small, .news_tit small{ font-size: 18px; color: #ffffff; font-weight: bold; line-height: 1;  }
.news_box .hd li a, .news_tit a{ font-size: 16px; color: #ffffff; text-transform: uppercase;  }
.news_box .hd li:hover, .news_box .hd li.on{ background: var(--zhu-color); transition: all .3s; }
.news_box .bd{ overflow: hidden; border:1px solid #cad1db; border-top: 0; padding:20px; }
.news_box .bd li{ overflow: hidden; clear: both; }
.news_box .bd li a{ display: flex; align-items: center; justify-content: space-between; overflow: hidden; }
.news_box .bd li a b{ line-height: 2.21; position: relative; display: block; width: calc(100% - 90px); box-sizing: border-box; padding-left: 28px; font-size: 20px; color: #828282; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_box .bd li a b::before{ content: ""; display: inline-block; width: 5px; height: 5px; background: #333333; border-radius: 50%; position: absolute; left: 7px; top:50%; margin-top: -2.5px; }
.news_box .bd li a span{ float: right; font-size: 14px; color: #828282;  }
.news_box .bd li:nth-child(1){ border-bottom: 1px solid #e4e8ed; padding-bottom: 18px; margin-bottom: 12px; }
.news_box .bd li:nth-child(1) .img{ width: 32%; height: 184px; float: left; overflow: hidden;  }
.news_box .bd li:nth-child(1) .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.news_box .bd li:nth-child(1) .txt{ width: calc(68% - 30px); float: right; overflow: hidden;  }
.news_box .bd li:nth-child(1) .txt b{ margin:4px 0; line-height: 52px; font-size: 20px; color: #212121; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0; width: 100%; }
.news_box .bd li:nth-child(1) .txt b::before{ display: none; }
.news_box .bd li:nth-child(1) .txt p{ display: block; clear: both; font-size: 16px; color: #828282; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news_box .bd li:nth-child(1) .txt small{ font-size: 16px; color: #828282; display: inline-block; margin-top: 20px; }
.news_box .bd li:nth-child(1):hover img{ transition: all .3s; transform: scale(1.05); }
.news_box .bd li:nth-child(1):hover .txt b, .news_box .bd li:nth-child(1):hover .txt small{ transition: all .3s; color: var(--zhu-color); }
.news_box .bd li a:hover b{ transition: all .3s; color: var(--zhu-color); }
.news_tit{ width: 100%; text-transform: uppercase; background: #333333 url(../images/faq_bg.png) no-repeat right center; }
.qa_list{ overflow: hidden; width: 100%; box-sizing: border-box; padding:0 25px; border:1px solid #cad1db; border-top: 0; }
.qa_list a{ display: block; padding:18px 0; }
.qa_list a b{ margin-bottom: 8px; display: block; overflow: hidden; box-sizing: border-box; padding-left: 40px; font-size: 18px; color: #1c1c1c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; position: relative; }
.qa_list a b span{ display: inline-block; width: 25px; height: 25px; background: #323232; border-radius: 5px; text-align: center; line-height: 25px; font-size: 14px; color: #ffffff; position: absolute; left: 0; top:0; }
.qa_list a p{ display: block; overflow: hidden; box-sizing: border-box; padding-left: 40px; font-size: 14px; line-height: 1.7; color: #5b5b5b; overflow: hidden; position: relative; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.qa_list a p span{ display: inline-block; width: 25px; height: 25px; background: var(--zhu-color); border-radius: 5px; text-align: center; line-height: 25px; font-size: 14px; color: #ffffff; position: absolute; left: 0; top:0; }
.qa_list a p small{ font-size: 14px; color: #5b5b5b; text-indent: -2em; display: block; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.qa_list a + a{ border-top: 1px solid #e4e8ed; }
@media only screen and (max-width: 1400px){
	.m_news{ padding:30px 0 0; }
	.m_news .inner{ padding:0 15px; }
	.qa_list{ padding:0 20px; }
	.m_news .col-lg-8{ padding-right: 7.5px; }
	.m_news .col-lg-4{ padding-left: 7.5px; }
	.news_box .bd li:nth-child(1) .txt{ width: calc(68% - 15px); }
}
@media only screen and (max-width: 1200px){
	.m_news{ padding:25px 0 0; }
	.news_box .hd li, .news_tit{ padding:13px 20px; }
	.news_box .hd li span, .news_tit span{ font-size: 24px; }
	.news_box .bd li:nth-child(1) .txt b{ line-height: 1.8; font-size: 18px; }
  .qa_list a p{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}
@media only screen and (max-width: 992px){
	.m_news{ padding:20px 0 0; }
	.m_news .col-lg-8{ padding-right: 15px; }
	.m_news .col-lg-4{ padding-left: 15px; }
  .news_box .bd{ margin-bottom: 20px; }
	.news_box .hd li, .news_tit{ padding:12px 20px; }
	.news_box .hd li span, .news_tit span{ font-size: 22px; }
	.news_box .bd li a b{ font-size: 18px; line-height: 2; }
	.qa_list a{ padding:15px 0; }

}
@media only screen and (max-width: 768px){
	.m_news{ padding:15px 0 0; }
	.news_box .bd{ margin-bottom: 15px; }
	.news_box .hd li, .news_tit{ padding:12px 15px; }
	.news_box .hd li span, .news_tit span{ font-size: 20px; }
	.news_box .bd li a b{ font-size: 17px; line-height: 2; }
	.news_box .hd li a, .news_tit a{ font-size: 15px; }
	.news_box .bd li:nth-child(1) .txt p{ font-size: 15px; }
	.qa_list a b{ font-size: 17px; }
 }
@media only screen and (max-width: 640px){
	.news_box .hd li a, .news_tit a{ font-size: 14px; }
	.news_box .hd li, .news_tit{ padding:10px 15px; }
	.news_box .hd li span, .news_tit span{ font-size: 18px; }
	.news_box .bd li a b{ font-size: 16px; line-height: 1.8; padding-left: 20px; }
	.news_box .hd li a, .news_tit a{ font-size: 14px; }
	.news_box .bd li:nth-child(1) .txt p{ font-size: 14px; }
  .news_box .hd li a{ display: none; }
	.news_box .bd li:nth-child(1) .img{ display: none; }
	.news_box .bd li:nth-child(1) .txt{ width: 100%; }
	.qa_list a b{ font-size: 16px; }
}
@media only screen and (max-width: 576px){
	.news_box .hd li a, .news_tit a{ font-size: 13px; }
	.news_box .bd{ padding:15px; }
	.news_box .hd li span, .news_tit span{ font-size: 16px; font-weight: normal; margin-right: 8px; }
	.news_box .hd li small, .news_tit small{ font-size: 16px; font-weight: normal; }
	.qa_list{ padding:0 15px; }
	.qa_list a b{ font-size: 15px; }
	.qa_list a p{ font-size: 13px; line-height: 1.5; }
	.news_box .bd li:nth-child(1){ padding-bottom: 15px; margin-bottom: 15px; }
	.news_box .bd li:nth-child(1) .txt b{ line-height: 1; margin-bottom: 10px; }
	.qa_list a b, .qa_list a p{ padding-left: 30px; }
	.qa_list a b span, .qa_list a p span{ width: 20px; height: 20px; line-height: 20px; font-size: 12px; }
	.news_box .bd li a b{ font-size: 14px; }
}
@media only screen and (max-width: 414px){
	.news_box .bd{ padding:10px; }
	.news_box .hd li a, .news_tit a{ font-size: 12px; }
	.qa_list{ padding:0 10px; }
	.qa_list a b{ font-size: 14px; }
	.qa_list a p{ font-size: 12px; }
	.news_box .bd li a b{ font-size: 13px; }
	.news_box .bd li a span{ font-size: 13px; }
}
/*m_link*/
.m_link{ display: flex; align-items: center; width: 100%; padding:32px 0; }
.m_link .row{ align-items: center; }
.m_link b{ line-height: 1.8; margin-right: 18px; font-size: 18px; color: #2b2b2b; display: inline-block; width: 142px; background: url(../images/link_bg.png) no-repeat left center; font-weight: normal; }
.m_link a{ font-size: 18px; color: #2b2b2b; line-height: 1; margin:0 12px; transition: all .3s; }
.m_link a:hover{ color: #ffbe00; transition: all .3s; }
@media only screen and (max-width: 1400px){
	.m_link{ padding:30px 0; }
	.m_link b{ background-size: 100%; width: 100px; margin-right: 15px; font-size: 17px; }
	.m_link a{ font-size: 16px; line-height: 1; margin:0 6px; }
}
@media only screen and (max-width: 1200px){
	.m_link{ padding:25px 0; }
	.m_link b{ background-size: 100%; width: 100px; margin-right: 12px; font-size: 16px; }
	.m_link a{ font-size: 14px; line-height: 1; margin:0 4px; }
}
@media only screen and (max-width: 992px){
	.m_link{ padding:20px 0; }
	.m_link b{ margin-right: 10px; font-size: 15px; }
	.m_link a{ font-size: 13px; }
}
@media only screen and (max-width: 768px){
	.m_link{ padding:15px 0; }
	.m_link b{ margin-right: 8px; font-size: 14px; }
	.m_link a{ font-size: 12px; }
}
@media only screen and (max-width: 640px){
  .m_link b{ background-size: contain; display: block; width: 100%; text-align: center; background-position: center; margin-bottom: 20px; }
}
@media only screen and (max-width: 576px){
}
@media only screen and (max-width: 414px){
}
/*footer*/
.footer{ overflow: hidden; position: relative; }
.footer .inner{ position: relative; z-index: 35; }
.footer::before{ content: ""; display: block; width: 100%; height: 68%; background: var(--zhu-color); position: absolute; left: 0; bottom: 0; z-index: 33; }
.footer::after{ content: ""; display: block; background: url(../images/footer_bg.jpg) no-repeat top center; position: absolute; top:0; width: 100%; height: 324px; z-index: 34; }
.f_nav{ padding:40px 0 72px; width: 100%; overflow: hidden; display: flex; justify-content: space-between; }
.f_nav a{ display: inline-block; width: 12.5%; line-height: 1; font-size: 17px; color: #ffffff; font-weight: bold; transition: all .3s; text-align: center; }
.f_nav a:hover{ transition: all .3s; color: var(--zhu-color); }
.f_logo img{ max-width: 100%; }
.f_contact p{ font-size: 18px; color: #ffffff; line-height: 36px; }
.f_ewm{ overflow: hidden; width: 100%; display: flex; justify-content: space-around; }
.f_ewm div{ margin:0 15px; max-width: 105px; }
.f_ewm div img{ width: 100%; }
.f_ewm div p{ background: rgba(172,172,172,.4); line-height: 30px; font-size: 16px; color: #ffffff; text-align: center; }
.f_copy{ height: 40px; line-height: 40px; text-align: center; margin-top: 62px; }
.f_copy p, .f_copy p a{ font-size: 16px; color: #ffffff; }
@media only screen and (max-width: 1400px){
	.footer .inner{ padding:0 15px; }
	.footer .row{ align-items: center; }
	.f_nav{ padding:35px 0; }
	.f_nav a{ font-size: 16px; font-weight: normal; }
	.f_logo{ text-align: center; }
	.f_contact p{ font-size: 16px; line-height: 1.8; }
	.f_ewm div{ max-width: 50%; margin:0 10px; }
	.f_copy{ height: auto; background: var(--zhu-color); position: relative; z-index: 36; line-height: 1; padding:12px 0; margin-top: 35px; }
	.f_copy p, .f_copy p a{ font-size: 15px; color: #ffffff; }
	.footer::before{ display: none; }
}
@media only screen and (max-width: 1200px){
	.f_nav{ padding:30px 0; }
	.f_copy{ padding:14px 0; margin-top: 30px; }
	.f_copy p, .f_copy p a{ font-size: 15px; color: #ffffff; }
  .f_ewm div p{ font-size: 12px; }
}
@media only screen and (max-width: 992px){
	.footer{ background-size: cover; }
	.f_nav{ padding:25px 0; }
	.f_copy{ padding:12px 0; margin-top: 25px; }
	.footer::after{ background-size: cover; height: 100%; }
	.f_contact{ padding:15px 0; text-align: center; }
}
@media only screen and (max-width: 768px){
	.footer{ padding:0 0 55px; }
	.f_nav{ padding:20px 0; }
	.f_contact p{ font-size: 15px; line-height: 1.5; }
	.f_copy{ line-height: 1.5; padding:10px 0; }
	.f_copy p, .f_copy p a{ line-height: 1.5; font-size: 13px; }
}
@media only screen and (max-width: 640px){
	.footer{ padding:30px 0 55px; }
  .f_nav{ display: none; }
	.f_contact{ padding:30px 0; margin-bottom: 0; }
	.f_contact p{ font-size: 14px; }
	.f_copy p, .f_copy p a{font-size: 12px; }
}
@media only screen and (max-width: 576px){
	.f_contact p{ font-size: 13px; }
}
@media only screen and (max-width: 414px){
}

/*down*/
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: none; z-index: 9999;}
.down li{width: 25%; box-sizing: border-box; text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li + li{ border-left: solid 1px #ffffff; }
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
@media only screen and (max-width: 768px){
  .down{ display: block; }
}

.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
@media only screen and (max-width: 768px){
  .plugin-fixed-call{ display: none; }
}

@media only screen and (max-width: 640px){
  .layui-layer{ width: 98%!important; }
} 
/*main*/
.main{ overflow: visible; padding:30px 0; }
.main p{ font-size: 16px; line-height: 1.5; margin-bottom: 12px; }

@media only screen and (max-width: 1400px){
  .main{ padding:25px 0; }
  .main .inner .container-fluid{ padding:0; }
}
@media only screen and (max-width: 1200px){
  .main{ padding:20px 0; }
}
@media only screen and (max-width: 992px){
  .main{ padding:15px 0; }
}
@media only screen and (max-width: 768px){
  .main p{ font-size: 15px; margin-bottom: 10px; }
}
@media only screen and (max-width: 640px){
  .main p{ font-size: 14px; margin-bottom: 8px; }
}
@media only screen and (max-width: 576px){
  .main p{ font-size: 13px; margin-bottom: 6px; }
}
@media only screen and (max-width: 414px){
  .main p{ font-size: 12px; margin-bottom: 4px; }
}